<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<!--bootstrap插件-->
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<link href="/static/plugin/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="/static/plugin/jo/joUI.css" rel="stylesheet"/>
	<!--字体插件-->
	<link href="/static/plugin/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
	<link href="/static/plugin/layui-2.4.3/css/layui.css" rel="stylesheet"/>
	<!--ztree-->
	<link href="/static/plugin/zTree/css/metroStyle/metroStyle.css" rel="stylesheet"/>
	<!--common-->
	<link href="/static/css/common.css" rel="stylesheet"/>
	<!--帮助手册样式-->
	<link rel="stylesheet" type="text/css" href="/static/css/help/document.css">
	<!--代码高亮-->
	<link type="text/css" rel="stylesheet" href="/static/plugin/SyntaxHighlighter/styles/shCore.css"/>
	<link type="text/css" rel="stylesheet" href="/static/plugin/SyntaxHighlighter/styles/shCoreDefault.css"/>
	<link type="text/css" rel="stylesheet" href="/static/plugin/SyntaxHighlighter/styles/shThemeDefault.css"/>
	<title>弹窗</title>
<script>

</script>
</head>
<body style="padding:5px 10px; box-sizing:border-box; background-color:white;">

<a href="#" target="_blank" class="showAtTop">显示单页</a>
<table class="docTable">
	<tr class="docTitle">
		<td colspan="2">
			<i class="fa fa-caret-down"> </i>Layer&nbsp;&nbsp;&nbsp;&nbsp;弹窗
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<p>
				平台基于<a href="http://layer.layui.com/" target="_blank">Layer</a>进行了部分封装
			</p>
			<p>
				通过将方法挂在jo对象的方式来覆盖原先jo中的部分旧方法,同时简化弹窗调用.
			</p>
		</td>
	</tr>
</table>

<table class="docTable">
	<tr class="docTitle">
		<td colspan="2"><i class="fa fa-caret-down"> </i>属性</td>
	</tr>
	
	<tr>
		<td><attr><obj/>jo.WinMemory</attr></td>
		<td>由于layer在关闭时有时不太灵活,故封装了该对象,用于缓存页面内的弹窗对象,当要关闭弹窗时通过该辅助对象来实现关闭.
		<br/>内部封装了set/get/remove等方法用于调用.</td>
	</tr>
</table>

<table class="docTable">
	<tr class="docTitle">
		<td colspan="2">
			<i class="fa fa-caret-down"> </i>方法
		</td>
	</tr>
	<tr>
		<td><func><int/>jo.showDialog</func></td>
		<td>
			弹出层，返回值为layer弹窗索引，有以下参数:
			<br/>参数1：<obj/><code>dialogElement</code> 弹出层的内容,可以是html代码,也可以是jq对象
			<br/>参数2：<string/><code>sWinName</code> 弹出层的名称,<err>可以通过名称来对弹窗进行精确关闭</err>
			<br/>参数3：<boolean/><code>hasShade</code> 是否有遮罩层,默认true
			<br/>参数4：<Obj/><code>options</code> layer允许的其他参数
			<br/><err>注意:该方法不产生新的页面</err>
			<br/>demo: <input type="button" class="btn btn-primary btn-sm" value="弹出层" onclick="jo.showDialog('<h1>弹出层demo</h1>')">
		</td>
	</tr>
	<tr>
		<td><func><int/>jo.showWin</func></td>
		<td>
			弹出窗口，返回值为layer弹窗索引，参数如下:
			<br/>参数1：<obj/><code>sUrl</code> 弹出窗的地址
			<br/>参数2：<string/><code>sWidth</code> 宽度
			<br/>参数3：<boolean/><code>sHeight</code> 高度
			<br/>参数4：<Obj/><code>sTitle</code> 标题
			<br/>参数5：<Obj/><code>sWinName</code> 弹出层的名称,<err>可以通过名称来对弹窗进行精确关闭</err>
			<br/>参数6：<Obj/><code>isFull</code> 是否最大化,默认false
			<br/>参数7：<Obj/><code>hasShade</code> 是否有遮罩层,默认true
			<br/><err>注意:该方法产生新的页面,使用时要注意父子关系</err>
			<br/>demo: <input type="button" class="btn btn-primary btn-sm" value="弹出窗口" onclick="jo.showWin('http://www.baidu.com','500px','300px')">
		</td>
	</tr>
	<tr>
		<td><func><int/>jo.confirm</func></td>
		<td>
			弹出选择窗口，返回值为layer弹窗索引，参数如下:
			<br/>参数1：<string/><code>sMsg</code> 提示消息
			<br/>参数2：<obj/><code>options</code> layer允许的其他参数
			<br/>参数3：<iFunc/><code>yesCall</code> 确定按钮事件
			<br/>参数4：<iFunc/><code>noCall</code> 取消按钮事件
			<br/>demo: <input type="button" class="btn btn-primary btn-sm" value="弹出确认窗" onclick="jo.confirm('欢迎使用Young平台帮助手册!')">
		</td>
	</tr>
	<tr>
		<td><func><int/>jo.showMsg</func></td>
		<td>
			弹出提示信息,返回值为layer弹窗索引，参数如下:
			<br/>参数1：<string/><code>sMsg</code> 提示消息
			<br/>参数2：<obj/><code>options</code> layer允许的其他参数
			<br/>参数3：<iFunc/><code>endCall</code> 提示信息结束后的回调
			<br/>demo: <input type="button" class="btn btn-primary btn-sm" value="弹出提示" onclick="jo.showMsg('欢迎使用Young平台帮助手册!')">
		</td>
	</tr>
	<tr>
		<td><func><int/>jo.showLoading</func></td>
		<td>
			显示正在加载效果,返回值为layer弹窗索引，参数如下:
			<br/>参数1：<string/><code>toClose</code> 关闭加载提示,为false时关闭加载提示
		</td>
	</tr>
	<tr>
		<td><func><int/>jo.alert</func></td>
		<td>
			alert提示,返回值为layer弹窗索引，参数如下:
			<br/>参数1：<string/><code>sMsg</code> 提示消息
			<br/>参数2：<obj/><code>options</code> layer允许的其他参数
			<br/>参数3：<iFunc/><code>endCall</code> 提示信息确认后的回调
			<br/>demo: <input type="button" class="btn btn-primary btn-sm" value="alert提示" onclick="jo.alert('欢迎使用Young平台帮助手册!')">
		</td>
	</tr>
	<tr>
		<td><func><int/>jo.tips</func></td>
		<td>
			tips提示,返回值为layer弹窗索引，参数如下:
			<br/>参数1：<string/><code>sMsg</code> 提示消息
			<br/>参数2：<obj/><code>element</code> 显示提示信息的jq对象,通常使用this
			<br/>参数3：<iFunc/><code>options</code> 提示信息确认后的回调
			<br/>demo: <input type="button" class="btn btn-primary btn-sm" value="tips提示" onclick="jo.tips('tips提示',this)">
		</td>
	</tr>
	<tr>
		<td><func><int/>jo.prompt</func></td>
		<td>
			输入框,返回值为layer弹窗索引，参数如下:
			<br/>参数1：<obj/><code>options</code> layer允许的其他参数
			<br/>参数2：<iFunc/><code>yesCall</code> 确认回调
		</td>
	</tr>
	<tr>
		<td><func><int/>jo.close</func></td>
		<td>
			关闭layer弹窗,默认关闭最新窗口
			<br><err>参数为字符串时关闭窗口名称为该字符串的弹窗,参数为数字时关闭对应索引的弹窗</err>
		</td>
	</tr>
	<tr>
		<td><func><int/>jo.closeSelf</func></td>
		<td>
			关闭弹窗自身,该方法用在弹出页面窗口类型的弹窗内部(存在父子关系),参数同jo.close;
		</td>
	</tr>
	<tr>
		<td><func><int/>jo.closeAll</func></td>
		<td>
			关闭所有弹窗
			<br>当传入参数时,表示关闭对应类型的窗口,dialog:信息窗,page:页面层,iframe:iframe层,loading:加载层,tips:tips层
		</td>
	</tr>
</table>

<!--配置信息-->
<script src="/static/js/config.js"></script>
<!--jquery-->
<script src="/static/plugin/jquery/jquery-3.3.1.js"></script>
<script src="/static/plugin/jquery/jquery.cookie.js"></script>
<!--bootstrap-->
<script src="/static/plugin/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="/static/plugin/other/html5shiv.js"></script>
<script src="/static/plugin/other/respond.min.js"></script>
<![endif]-->
<!--layui-->
<script src="/static/plugin/layui-2.4.3/layui.all.js"></script>
<!--ztree-->
<script src="/static/plugin/zTree/js/jquery.ztree.all.js"></script>
<!--jo-->
<script src="/static/plugin/jo/jo.js"></script>
<script src="/static/plugin/jo/jo-adapt.js"></script>
<script src="/static/plugin/jo/jo-page-view.js"></script>
<script src="/static/plugin/jo/jo-page-form.js"></script>
<script src="/static/plugin/jo/jo-listener.js"></script>
<!--common-->
<script src="/static/js/common.js"></script>
<!--帮助手册js-->
<script src="/static/js/help/document.js"></script>
<!--代码高亮-->
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shCore.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushCSharp.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushPhp.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushJScript.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushJava.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushVb.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushSql.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushXml.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushDelphi.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushPython.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushRuby.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushCss.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushCpp.js"></script>
<script class="javascript">
	highLight();
</script>
</body>
</html>
